<?php
//session_start();
include '../../classes/Usuario.php';
Usuario::verifySession();
?>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Marina São Pedro</title>
        <link rel="Stylesheet" type="text/css" href="../../../_recursos/css/estilo.css" />
    </head>
    <body>
        <div class="topo-fundo-admin">
            <img title="Início" onclick="redirecionar('../../../index.php')" src="../../../_recursos/imagens/topo-marina.png"/>
        </div>
        <div class="base baseAdmin">
            <div class="base-menu-admin">
                <div class="menu">
                    <div class="menu-item" onclick="redirecionar('../../aulas_praticas.php')">
                        <span class="img"></span>
                        <span>Aulas Práticas</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('../../cursos.php')">
                        <span class="img"></span>
                        <span>Cursos Náuticos</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('../../eventos.php')">
                        <span class="img"></span>
                        <span>Eventos</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('../../galerias.php')">
                        <span class="img"></span>
                        <span>Galerias</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('../../videos.php')">
                        <span class="img"></span>
                        <span>Vídeos</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('../../categorias.php')">
                        <span class="img"></span>
                        <span>Produtos</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('../../senha.php')">
                        <span class="img"></span>
                        <span>Senha</span>
                    </div>
                </div>
            </div>
            <div class="espacamento"></div>
            <div class="conteudo">
                <h2>Galeria: <?php echo $_GET['galeria'] ?></h2>
                <form id="fileupload" action="inserir.php?galeria=<?php echo $_GET['galeria'] ?>" method="POST" enctype="multipart/form-data">
                    <input type="file" name="files[]" accept="image/*" multiple/>
                    <input class="botao-verde" type="submit" value="Enviar"/>
                </form>
                <div id="fotos"></div>
            </div>
        </div>
        <div class="rodape">
            <div class="conteudo">
                <a href="http://www.rradesenvolvimento.com">Desenvolvido por RRA</a>
                <br/><br/><br/>
            </div>
        </div>
    </body>
    <script src="../../../_recursos/js/suporte.js" type="text/javascript"></script>
    <script src="../../../_recursos/js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        
        $(document).ready(function(){
            selecionarGaleria();
        });
        
        function selecionarGaleria(){
            var galeria = '<?php echo $_GET['galeria'] ?>';
            showBoxCarregando("Carregando Fotos...");
            $.ajax({
                type:'POST',
                url: CONTEXT + '/admin/classes/Controler.php',
                data:{
                    classe:'Galeria', 
                    metodo:'selecionarFotos',
                    galeria: galeria
                },
                success: function(resp){
                    hideBoxNow(true);
                    var imagens = resp.split(',');
                    if(imagens.length > 1){
                        var html = [];
                        var c = 0;
                        for(var i = 0; i < imagens.length; i++){
                            if(imagens[i]){
                                html[c++] = '<div style="display: inline-block; border: 1px solid white; padding: 5px 0 5px 5px; margin: 5px">';
                                html[c++] = '   <img style="max-width: 200px; max-height: 200px" src="' + CONTEXT + '/admin/galeria/fotos/files/' + galeria + '/small/' + imagens[i] + '" class="image' + i + '"/>';
                                html[c++] = '   <br/>';
                                html[c++] = '   <button onclick="excluir(\'' + imagens[i] + '\', \'' + galeria + '\')" class="botao-vermelho">Deletar</button>';
                                html[c++] = '</div>';   
                            }
                        }
                    
                        $('#fotos').html(html.join(''));
                    }else{
                        alert('Essa galeria ainda não possui fotos.');
                    }
                },
                error: function(resp){
                    hideBox(true);
                    alert(resp);
                }
            });
        }
        
        function excluir(imagem, galeria){
            if(!confirm('Deseja realmente excluir essa imagem?')){
                return;
            }
            showBoxCarregando('Excluindo...');
            $.ajax({
                type:'POST',
                url:CONTEXT + '/admin/classes/Controler.php',
                data:{
                    classe:'Galeria', 
                    metodo: 'excluirImagem',
                    galeria: galeria,
                    imagem: imagem
                },
                success: function(){
                    location.reload();
                },
                error: function(data){
                    hideBoxNow(true);
                    alert(data.statusText);
                }
            });
        }

    </script>
</html>